<!DOCTYPE html>
<html lang="zh">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
	<meta name="author" content="小枫">
	<title>首页配置 | <%= data.title %></title>
	<link rel="shortcut icon" type="image/x-icon" href="<%= data.icon %>">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="default">
	<link rel="stylesheet" type="text/css" href="/admin/css/materialdesignicons.min.css">
	<link rel="stylesheet" type="text/css" href="/admin/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="/admin/css/animate.min.css">
	<!--对话框插件css-->
	<link rel="stylesheet" type="text/css" href="/admin/js/jquery-confirm/jquery-confirm.min.css">
	<!--引入下拉插件css-->
	<link rel="stylesheet" type="text/css" href="js/bootstrap-select/bootstrap-select.min.css">
	<link rel="stylesheet" type="text/css" href="/admin/css/style.min.css">
	<link rel="stylesheet" type="text/css" href="/admin/css/upload.css">
	<style>
		#homeIframe {
			height: 780px;
			width: 100%;
			border-radius: 20px;
			overflow: hidden;
			border: 2px solid #ccc;
			box-shadow: 0 0 0 5px #e9e9e9;
		}
	</style>
</head>

<body>
	<div class="container-fluid">

		<div class="row">
			<div class="col-lg-12">
				<div class="card">
					<header class="card-header">
						<div class="card-title">网站模块显示与隐藏</div>
					</header>
					<div class="card-body">
						<div class="row">
							<div class="col-lg-8 mb-3">
								<ul class="nav nav-tabs">
									<li class="nav-item">
										<button class="nav-link active" id="basic-config" data-bs-toggle="tab" data-bs-target="#config" type="button">首页内容模块</button>
									</li>
									<!-- <li class="nav-item">
										<button class="nav-link" id="basic-personal" data-bs-toggle="tab" data-bs-target="#personal" type="button">友情页内容模块</button>
									</li> -->
								</ul>
								<form class="config-form" id="configForm">
									<div class="tab-content">
										<div class="tab-pane fade show active" id="config" aria-labelledby="basic-config">
											<div class="mb-3">
												<label for="ainModuleBox" class="form-label">娱乐模块</label>
												<select class="form-control" name="ainModuleBox" id="ainModuleBox">
													<option value="1" id="ainModuleBoxOn">开启</option>
													<option value="0" id="ainModuleBoxOff">关闭</option>
												</select>
											</div>
											<div class="mb-3">
												<label for="yiyanBox" class="form-label">一言模块</label>
												<select class="form-control" name="yiyanBox" id="yiyanBox">
													<option value="1" id="yiyanBoxOn">开启</option>
													<option value="0" id="yiyanBoxOff">关闭</option>
												</select>
											</div>
											<div class="mb-3">
												<label for="sponsorBox" class="form-label">赞助模块</label>
												<select class="form-control" name="sponsorBox" id="sponsorBox">
													<option value="1" id="sponsorBoxOn">开启</option>
													<option value="0" id="sponsorBoxOff">关闭</option>
												</select>
											</div>
											<div class="mb-3">
												<label for="siteBox" class="form-label">站点模块</label>
												<select class="form-control" name="siteBox" id="siteBox">
													<option value="1" id="siteBoxOn">开启</option>
													<option value="0" id="siteBoxOff">关闭</option>
												</select>
											</div>
										</div>
										<div class="tab-pane fade" id="personal" aria-labelledby="basic-personal">
											<h3>待开发</h3>
										</div>
									</div>
									<div class="mb-3">
										<button type="submit" class="btn btn-primary me-1">保 存</button>
									</div>
								</form>
							</div>
							<div class="col-lg-4">
								<iframe src="/" frameborder="0" id="homeIframe"></iframe>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-12">
				<div class="card">
					<header class="card-header">
						<div class="card-title">顶部导航配置</div>
					</header>
					<div class="card-body">
						<div class="card-btns mb-2-5">
							<a class="btn btn-primary me-1" href="JavaScript:;" onclick="add()"><i class="mdi mdi-plus"></i> 新增</a>
						</div>
						<div class="table-responsive">
							<table class="table table-bordered">
								<thead>
									<tr class="text-center">
										<th>编号</th>
										<th>图标</th>
										<th>跳转链接</th>
										<th>弹出图片</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="siteTable"></tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	<script type="text/javascript" src="/admin/js/jquery.min.js"></script>
	<script type="text/javascript" src="/admin/js/popper.min.js"></script>
	<script type="text/javascript" src="/admin/js/bootstrap.min.js"></script>
	<!-- 引入dayjs -->
	<script type="text/javascript" src="/admin/js/dayjs/dayjs.min.js"></script>
	<script type="text/javascript" src="/admin/js/dayjs/utc.js"></script>
	<script type="text/javascript" src="/admin/js/dayjs/timezone.js"></script>
	<!-- 弹窗插件 -->
	<script type="text/javascript" src="/admin/js/sweetalert.min.js"></script>
	<!-- 懒加载插件 -->
	<script type="text/javascript" src="/admin/js/lazyload.min.js"></script>
	<!--引入notify插件js-->
	<script type="text/javascript" src="/admin/js/bootstrap-notify.min.js"></script>
	<!--对话框插件js-->
	<script type="text/javascript" src="/admin/js/jquery-confirm/jquery-confirm.min.js"></script>
	<!--引入下拉插件js-->
	<script type="text/javascript" src="/admin/js/bootstrap-select/bootstrap-select.min.js"></script>
	<script type="text/javascript" src="/admin/js/bootstrap-select/i18n/defaults-zh_CN.min.js"></script>
	<script type="text/javascript" src="/admin/js/upload.js"></script>
	<script type="text/javascript" src="/admin/js/main.min.js"></script>
	<script type="text/javascript" src="/admin/js/nitai5pro/homeConfig.js"></script>
</body>

</html>